<script>
	export default {
		onLaunch: function() {
			console.log(this.$u.config.v);
			// #ifdef H5
			if (window.location.hash != '') {
				let search = window.location.search.substring(1);
				try {
					if (search.indexOf('hashpath') != -1) {
						let sea = JSON.parse('{"' + decodeURIComponent(search).replace(/"/g, '\\"').replace(/&/g,
							'","').replace(/=/g, '":"') + '"}');
						if (sea.hashpath && sea.code && sea.state) {
							window.location.href = window.location.origin + window.location.pathname + '#' + sea
								.hashpath + '?code=' + sea.code + '&state=' + sea.state
						}
					}
				} catch (e) {
					//TODO handle the exception
				}
			}
			// #endif
		},
		onShow: function() {},
		onHide: function() {}
	}
</script>
<style lang="scss">
	@import "uview-ui/index.scss";

	/*每个页面公共css */
	.page {
		display: flex;
		flex-direction: column;
		height: 100vh;
		width: 100vw;
		overflow: hidden;
		box-sizing: border-box;
		padding-bottom: constant(safe-area-inset-bottom);
		/*兼容 iOS<11.2*/
		padding-bottom: env(safe-area-inset-bottom);
		/*兼容 iOS>11.2*/
	}

	.page__bd {
		flex-grow: 1;
		overflow-y: auto;
	}

	.page__ft {
		flex-shrink: 0;
	}

	view,
	swiper,
	swiper-item,
	textarea,
	navigator {
		box-sizing: border-box;
	}

	textarea {
		width: 100%;
	}

	.c-font-bold {
		font-weight: bold !important;
	}

	.cl-tabs {
		display: flex;
		align-items: center;

		.item {
			flex-grow: 1;
			text-align: center;
			padding: 30rpx 0;
			font-size: 28rpx;
			font-weight: 600;
			border-radius: 20rpx;
			background-color: #eeeeee;
			margin-right: 50rpx;

			&:last-child {
				margin-right: 0;
			}

			&.active {
				color: #ffffff;
				background-color: #59ba9c;
			}
		}
	}

	/*
		事件列表
	*/
	.report-list {
		.images {
			display: flex;
			flex-wrap: wrap;
			margin:-6rpx;
			.image {
				width: calc(33.3333% - 12rpx);
				overflow: hidden;
				border-radius: 10rpx;
				margin:6rpx;
			}
		}

		.content {
			padding-top: 10rpx;
			padding-bottom: 30rpx;
		}

		.item {
			padding: 30rpx;
			background-color: #fff;
			border-radius: 20rpx;
			margin-bottom: 30rpx;
		}

		.bottom {
			display: flex;
			align-items: center;

			.time {
				font-size: 24rpx;
				color: #999999;
				flex-grow: 1;
				margin-right: 20rpx;
			}

			.oper-btn {
				margin-left: 20rpx;
			}
		}

		.top {
			display: flex;
			align-items: center;
			font-weight: 600;
			margin-bottom: 20rpx;

			.status {
				color: #999999;
				margin-left: auto;
			}
		}

		.label {
			display: inline;
			padding: 2px 6px;
			font-size: 12px;
			font-weight: 700;
			line-height: 1;
			background-color: #59ba9c;
			color: #fff;
			text-align: center;
			white-space: nowrap;
			vertical-align: baseline;
			border-radius: 4px;
			margin-right: 10rpx;
		}

		.address {
			color: #999;
			margin-bottom: 20rpx;
		}
	}

	/*
	cell
	*/
	.cl-cell {
		display: flex;
		align-items: center;
		padding: 36rpx;
		border-radius: 20rpx;
		background-color: #f6f6f6;
		position: relative;

		&:active {
			opacity: 0.6;
		}

		.cl-cell__icon {
			display: flex;
			align-items: center;

			image {
				width: 40rpx;
				height: 40rpx;
			}
		}

		.cl-cell__right {
			image {
				width: 32rpx;
				height: 32rpx;
			}
		}

		.cl-cell__title {
			flex-grow: 1;
			padding: 0 40rpx;
			font-size: 32rpx;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			flex-shrink: 0;
			font-weight: 600;
		}

		cl-cell__value {
			flex-grow: 1;
			padding-left: 20rpx;
			text-align: right;
			font-size: 28rpx;
			color: #80848f;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}

		.cl-cell__foot {
			flex-shrink: 0;
		}

	}

	.u-flex .cl-cell {
		width: calc(50% - 25rpx);
	}
</style>
